<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <link rel="shortcut icon" href="images/logo W.jpg" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Work to Worker</title>
        <style>
            a:link {text-decoration:none;}
            #menudiv2:hover{background-color: #FF6600;color: #1A3665}
        </style>
        <style type="text/css">
            @font-face {
                font-family: "jokerman";
                src: url('font/VIVALDII.TTF') format("truetype");
            }  
            @media screen and (-webkit-min-device-pixel-ratio:0)
            { 
                #fix1 { margin-top: 0px } 
                #fix2 { margin-top: 15px }
                #check, #detail{margin-top: 15px}
                #fullname{margin-top: 1px}
                #age, #gender, #address, #country, #phone,#jot {margin-top: 22px}
                #dateIs,#birth,#ident, #province,#placeIs,#email{margin-top: 20px}
                #reason{margin-top: 36px}
                #monin{margin-top: 18px}
                #degree,#field,#from{margin-top: 21px}
                #archie{margin-top: 15px}
                #cate{margin-top: 20px}
                #from1,#jol,#main{margin-top: 21px}
            }
            @-moz-document url-prefix()
            {
                #fix1 { margin-top: -20px }
            #monin{margin-top: 16px}
            #fix2 { margin-top: 15px }
            #check, #detail,#country{margin-top: 18px}
            #age, #gender,  #phone, #birth {margin-top: 22px}
            #ident, #dateIs,  #address{margin-top: 19px}
            #nameSchool, #company {margin-top: -2px}  
            #reason{margin-top: 47px}
            #placeIs, #province,#from1,#jol,#main{margin-top: 20px}
            #email{margin-top: 19px}
            #degree,#field,#from,#cate {margin-top: 20px}
            #archie{margin-top: 15px}
            }
        </style>
        <script type="text/javascript">
            function enableDisable(bEnable)
            {
                if(bEnable == "true")
                {
                    document.getElementById('form1:textBox1').disabled = true
                    
                }
                else if(bEnable == "false")
                {
                    document.getElementById('form1:textBox1').disabled = false
                }
            }
        </script>
        <script>
            function enableEdu()
            {
                var x=document.getElementById("form1:clearText1");
                if(x.value == '')
                {                    
                    document.getElementById("form1:clearText2").value = ''
                    document.getElementById("form1:clearText3").value = ''
                    document.getElementById("form1:clearText4").value = ''
                }
                
            }
            function enableLoc()
            {
                var x=document.getElementById("form1:clearText5");
                if(x.value == '')
                {                    
                    document.getElementById("form1:clearText6").value = ''
                    document.getElementById("form1:clearText7").value = ''
                    document.getElementById("form1:clearText8").value = ''
                    document.getElementById("form1:clearText9").value = ''
                }
            }
            function clearTextEdu()
            {
                document.getElementById("form1:clearText1").value = ''
                document.getElementById("form1:clearText2").value = ''
                document.getElementById("form1:clearText3").value = ''
                document.getElementById("form1:clearText4").value = ''
                document.getElementById("form1:clearText1").focus()
            }
            function clearTextLoc()
            {              
                document.getElementById("form1:clearText5").value = ''
                document.getElementById("form1:clearText6").value = ''
                document.getElementById("form1:clearText7").value = ''
                document.getElementById("form1:clearText8").value = ''
                document.getElementById("form1:clearText9").value = ''
                document.getElementById("form1:clearText5").focus()
            }
        </script>      
    </h:head>
    <h:body style="background-color:  #1A3665">
        <f:view locale="#{languageBean.locale}">

            <div style="width: 1000px;margin: auto;margin-top: 20px;background-color: white;border-radius: 10px;-moz-border-radius: 10px">
                <ui:include src="headertemplate1.xhtml" />
                <h:form id="form1">
                    <div>
                        <ul style="margin-top: 50px;margin-left: 40px">
                            <li style="list-style: none;width: 750px;vertical-align: top;margin-left: 40px;border: 1px;border-style: double dashed;border-top-right-radius: 10px;-moz-border-top-left-radius: 10px;-moz-border-top-right-radius: 10px;border-top-left-radius: 10px">
                                <ul style="margin-top: 20px;text-align: center">
                                    <li style="display: inline;font-size: 20px;font-weight: bold;color: #FF6600">
                                        Title :<font style="color: red"> *</font>
                                    </li>
                                    <li style="display: inline;margin-left: 5px">
                                        <h:inputText value="#{workerEditCV.cv.title}" style="width: 300px" id="titleCV" required="true" requiredMessage="* Title is required"/>
                                    </li>
                                </ul>
                                <ul style="margin-left: 197px">
                                    <li style="list-style: none"><h:message for="titleCV" style="color: red" /> </li>
                                </ul>
                                <div style="font-size: 20px;font-weight: bold;border: 1px;border-bottom-style:  dotted;padding : 20px 0px 5px 20px">
                                    <font style="color: #FF6600">Your Information</font>
                                </div>
                                <div id="fix2">
                                    <ul>
                                        <li style="display: inline-block;width: 220px;margin-left: -30px;vertical-align: top;text-align: right;font-weight: bold">
                                            <ul  id="fullname">
                                                <li style="list-style: none"> <h:outputText value="#{msg['global.Fullname']}"/> <font style="color: red"> *</font></li>
                                            </ul>
                                            <ul id="gender">
                                                <li style="list-style: none"><h:outputText value="#{msg['global.Gender']}"/><font style="color: red"> *</font></li>
                                            </ul>
                                            <ul id="birth">
                                                <li style="list-style: none"><h:outputText value="#{msg['global.Birthday']}"/><font style="color: red"> *</font></li>
                                            </ul>
                                            <ul id="ident">
                                                <li style="list-style: none">Identity Card Number :<font style="color: red"> *</font></li>
                                            </ul> 
                                            <ul id="dateIs">
                                                <li style="list-style: none">Date of Issue :<font style="color: red"> *</font></li>
                                            </ul>
                                            <ul id="placeIs">
                                                <li style="list-style: none">Place of Issue :<font style="color: red"> *</font></li>
                                            </ul>
                                            <ul id="address">
                                                <li style="list-style: none">Address :<font style="color: red"> *</font></li>                                        
                                            </ul>
                                            <ul id="country">
                                                <li style="list-style: none">Province :<font style="color: red"> *</font></li>                                        
                                            </ul>
                                            <ul id="province">
                                                <li style="list-style: none">Country :<font style="color: red"> *</font></li>                                        
                                            </ul>
                                            <ul id="phone">
                                                <li style="list-style: none">Phone :<font style="color: red"> *</font></li>                                  
                                            </ul>       
                                            <ul id="email">
                                                <li style="list-style: none">Email :<font style="color: red"> *</font></li>                                        
                                            </ul>

                                        </li>
                                        <li style="display: inline-block;vertical-align: top;margin-left: -15px">
                                            <ul>
                                                <li style="display: inline"><h:inputText value="#{workerEditCV.worker.name}" style="width:170px" id="workerName" required="true" requiredMessage="* Full name is required"/></li>
                                                <li style="display: inline"><h:message for="workerName" style="color: red"/></li>
                                            </ul>
                                            <ul id="check">
                                                <li style="list-style: none">
                                                    <h:selectOneRadio  value="#{workerEditCV.gender_temp}">
                                                        <f:selectItem itemValue="1" itemLabel="Male" />
                                                        <f:selectItem itemValue="0" itemLabel="Female" />
                                                    </h:selectOneRadio>
                                                </li>
                                            </ul>
                                            <ul id="check">
                                                <li style="display: inline;">
                                                    <h:selectOneMenu value="#{workerEditCV.dayofbirth}">
                                                        <f:selectItem itemValue="1" itemLabel="1" />
                                                        <f:selectItem itemValue="2" itemLabel="2" />
                                                    </h:selectOneMenu>
                                                </li>
                                                <li style="display: inline;">
                                                    <h:selectOneMenu value="#{workerEditCV.monofbirth}">
                                                        <f:selectItem itemValue="January" itemLabel="January" />
                                                        <f:selectItem itemValue="February" itemLabel="February" />
                                                    </h:selectOneMenu>
                                                </li>
                                                <li style="display: inline;">
                                                    <h:selectOneMenu value="#{workerEditCV.yearofbirth}">
                                                        <f:selectItem itemValue="1999" itemLabel="1999" />
                                                        <f:selectItem itemValue="2000" itemLabel="2000" />
                                                    </h:selectOneMenu>
                                                </li>
                                            </ul>
                                            <ul id="check">
                                                <li style="display: inline;">
                                                    <h:inputText value="#{workerEditCV.cv.identityCardNumber}" style="width:170px" id="idenCardNo" required="true" requiredMessage="* Identity Card is required" validatorMessage="* Identity Card is not valid">
                                                        <f:validateRegex pattern="^0[0-9]{8}"  />
                                                    </h:inputText>
                                                </li>    
                                                <li style="display: inline"><h:message for="idenCardNo" style="color: red"/></li>
                                            </ul>
                                            <ul id="check">
                                                <li style="display: inline;">
                                                    <h:selectOneMenu value="#{workerEditCV.dayofis}">
                                                        <f:selectItem itemValue="1" itemLabel="1" />
                                                        <f:selectItem itemValue="2" itemLabel="2" />
                                                    </h:selectOneMenu>
                                                </li>
                                                <li style="display: inline;">
                                                    <h:selectOneMenu value="#{workerEditCV.monofis}">
                                                        <f:selectItem itemValue="January" itemLabel="January" />
                                                        <f:selectItem itemValue="February" itemLabel="February" />
                                                    </h:selectOneMenu>
                                                </li>
                                                <li style="display: inline;">
                                                    <h:selectOneMenu value="#{workerEditCV.yearofis}">
                                                        <f:selectItem itemValue="1999" itemLabel="1999" />
                                                        <f:selectItem itemValue="2000" itemLabel="2000" />
                                                    </h:selectOneMenu>
                                                </li>
                                            </ul>
                                            <ul id="check">
                                                <li style="display: inline"><h:inputText value="#{workerEditCV.cv.placeIssueIdcard}" style="width:170px" id="placeofIs" required="true" requiredMessage="* Place of Issue is required"/></li>
                                                <li style="display: inline"><h:message for="placeofIs" style="color: red"/></li>
                                            </ul>
                                            <ul id="check">
                                                <li style="display: inline;"><h:inputText value="#{workerEditCV.worker.address}" style="width:170px" id="workerAddress" required="true" requiredMessage="* Address is required"/></li>
                                                <li style="display: inline"><h:message for="workerAddress" style="color: red"/></li>
                                            </ul>
                                            <ul id="check">
                                                <li style="display: inline;"><h:inputText value="#{workerEditCV.cv.province}" style="width:170px" id="cvProvince" required="true" requiredMessage="* Province is required"/></li>
                                                <li style="display: inline"><h:message for="cvProvince" style="color: red"/></li>
                                            </ul>
                                            <ul id="check">
                                                <li style="display: inline;"><h:inputText value="#{workerEditCV.cv.country}" style="width:170px" id="cvCountry" required="true" requiredMessage="* Country is required"/></li>
                                                <li style="display: inline"><h:message for="cvCountry" style="color: red"/></li>
                                            </ul>
                                            <ul id="check">
                                                <li style="display: inline;">
                                                    <h:inputText value="#{workerEditCV.worker.phone}" style="width:170px" id="workerPhone" required="true" requiredMessage="* Phone is required" validatorMessage="* Phone is invalid">
                                                        <f:validateRegex pattern="^09[0-9]{8}||^01[0-9]{9}"  />
                                                    </h:inputText>
                                                </li>
                                                <li style="display: inline"><h:message for="workerPhone" style="color: red"/></li>
                                            </ul>
                                            <ul id="check">
                                                <li style="display: inline;">
                                                    <h:inputText value="#{workerEditCV.worker.email}" style="width:170px" required="true" requiredMessage="* Email is required" id="workerEmail" validatorMessage="* Email is invalid">
                                                        <f:validateRegex pattern="([^.@]+)(\.[^.@]+)*@([^.@]+\.)+([^.@]+)"  />
                                                    </h:inputText>
                                                </li>
                                                <li style="display: inline"><h:message for="workerEmail" style="color: red"/></li>
                                            </ul>
                                        </li>
                                    </ul>
                                    <div style="font-size: 20px;font-weight: bold;border: 1px;border-bottom-style:  dotted;padding : 20px 0px 5px 20px">
                                        <font style="color: #FF6600">Your history</font>
                                    </div>
                                    <div style="font-size: 20px;font-weight: bold;padding : 20px 0px 0px 50px">
                                        <font style="color: #FF6600"> - Education / Training</font>
                                    </div>
                                    <hr style="width: 560px;margin-left: 50px"/>
                                    <div style="margin-top: 15px">
                                        <ul>
                                            <li style="display: inline-block;margin-left: -30px;font-weight: bold;vertical-align: top;text-align: right;width: 220px">
                                                <ul id="nameSchool">
                                                    <li style="list-style: none">Name of school :</li>                                        
                                                </ul>
                                                <ul id="degree">
                                                    <li style="list-style: none">Degree level :</li>                                        
                                                </ul>
                                                <ul id="field">
                                                    <li style="list-style: none">Field of study :</li>                                        
                                                </ul> 
                                                <ul id="from">
                                                    <li style="list-style: none">From :</li>                                        
                                                </ul>
                                                <ul id="archie">
                                                    <li style="list-style: none">Achievement :</li>                                        
                                                </ul>
                                            </li>
                                            <li style="display: inline-block;margin-left: -15px">
                                                <ul >
                                                    <li style="list-style: none;"><h:inputText value="#{workerEditCV.edu.nameSchool}" id="clearText1" style="width:170px" onblur="enableEdu()"/> </li>
                                                    <li style="list-style: none" id="detail"><h:inputText value="#{workerEditCV.edu.degeeLevel}" id="clearText2" style="width:170px" /> </li>
                                                    <li style="list-style: none" id="detail"><h:inputText value="#{workerEditCV.edu.fildOfStudy}" id="clearText3" style="width:170px" /> </li>                                        
                                                </ul>
                                                <ul id="detail">
                                                    <li style="display: inline">
                                                        <h:selectOneMenu value="#{workerEditCV.monthofFromEdu}" style="width:100px">
                                                            <f:selectItem itemValue="January" itemLabel="January" />
                                                            <f:selectItem itemValue="February" itemLabel="February" />
                                                        </h:selectOneMenu>
                                                    </li>
                                                    <li style="display: inline">
                                                        <h:selectOneMenu value="#{workerEditCV.yearofFromEdu}" style="width:70px">
                                                            <f:selectItem itemValue="1988" itemLabel="1988" />
                                                            <f:selectItem itemValue="1989" itemLabel="1989" />
                                                        </h:selectOneMenu>
                                                    </li>
                                                    <li style="display: inline;font-weight: bold;margin-left: 15px">To :</li>
                                                    <li style="display: inline;margin-left: 15px">
                                                        <h:selectOneMenu value="#{workerEditCV.monthofToEdu}" style="width:100px" >
                                                            <f:selectItem itemValue="January" itemLabel="January" />
                                                            <f:selectItem itemValue="February" itemLabel="February" />
                                                        </h:selectOneMenu>
                                                    </li>
                                                    <li style="display: inline">
                                                        <h:selectOneMenu value="#{workerEditCV.yearofToEdu}" style="width:70px" >
                                                            <f:selectItem itemValue="1988" itemLabel="1988" />
                                                            <f:selectItem itemValue="1989" itemLabel="1989" />
                                                        </h:selectOneMenu>
                                                    </li>
                                                </ul>
                                                <ul id="detail">
                                                    <li style="list-style: none;"><h:inputTextarea value="#{workerEditCV.edu.achiement}" id="clearText4" style="width:170px;resize: none" /></li>
                                                </ul>
                                                <ul>
                                                    <li style="list-style: none;margin-top: 10px;margin-left: 60px">
                                                        <p:commandButton oncomplete="clearTextEdu()" update="form1,output1" action="#{workerEditCV.addEduToList()}"  value="Save" style="background-image: url('images/treeTabBg.gif');border: 1px;border-style: solid;border-radius: 5px;-moz-border-radius: 5px;border-color: #E9E9E9;font-size: 80% ;font-weight: bold;">

                                                        </p:commandButton>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li style="list-style: none;margin-top: 10px">
                                                <table style="width: 580px">
                                                    <tr style="background-image: url('images/treeTabBg.gif');color: blue;text-align: center">
                                                        <th style="width: 40%;border: 1px solid #cccccc;border-right-style: none;border-top-left-radius: 5px;-moz-border-top-left-radius: 5px">
                                                            Name of School
                                                        </th>
                                                        <th style="width: 25%;border:1px #cccccc;border-top-style: solid;border-bottom-style: solid">
                                                            Degree Level
                                                        </th>
                                                        <th style="width: 25%;border:1px #cccccc;border-top-style: solid;border-bottom-style: solid">
                                                            Field of Study
                                                        </th>
                                                        <th style="border: 1px solid #cccccc;border-left-style: none;border-top-right-radius: 5px;-moz-border-top-right-radius: 5px">
                                                            Remove
                                                        </th>
                                                    </tr>
                                                    <tr>
                                                        <h:panelGrid id ="wrapper1">
                                                            <h:dataTable value="#{workerEditCV.listEdu}" style="width: 605px;table-layout:fixed;margin-left: -44px" var="p" id="output1" >
                                                                <h:column>
                                                                    <td style="width: 225px;overflow: auto;border: 1px;border-right-style: dotted;border-bottom-style: dashed">
                                                                        <h:outputText value="#{p.nameSchool}"/>
                                                                    </td>
                                                                    <td style="width: 24%;overflow: auto;border: 1px;border-right-style: dotted;border-bottom-style: dashed">
                                                                        <h:outputText value="#{p.degeeLevel}"/>
                                                                    </td>
                                                                    <td style="width: 24%;overflow: auto;border: 1px;border-right-style: dotted;border-bottom-style: dashed">
                                                                        <h:outputText value="#{p.fildOfStudy}"/>
                                                                    </td>
                                                                    <td style="border: 1px;border-bottom-style: dashed">
                                                                        <p:commandButton update=":form1:wrapper1" value="[X]" action="#{workerEditCV.deleteEduToList(p)}"  style="border: none;background-color: white;font-weight: bold;font-size: 80%;text-align: right;color: red"  >

                                                                        </p:commandButton>                                                                
                                                                    </td>
                                                                </h:column>
                                                            </h:dataTable>
                                                        </h:panelGrid>
                                                    </tr>
                                                </table>
                                            </li>
                                        </ul>
                                    </div>
                                    <div style="font-size: 20px;font-weight: bold;padding : 20px 0px 0px 50px">
                                        <font style="color: #FF6600"> - Employment history</font>
                                    </div>
                                    <hr style="width: 560px;margin-left: 50px"/>
                                    <div style="margin-top: 15px">
                                        <ul>
                                            <li style="display: inline-block;margin-left: -30px;text-align: right;width: 220px;font-weight: bold;vertical-align: top">
                                                <ul id="company">
                                                    <li style="list-style: none">Company :</li>
                                                </ul>
                                                <ul id="cate">
                                                    <li style="list-style: none">Category :</li>
                                                </ul> 
                                                <ul id="from1">
                                                    <li style="list-style: none">From :</li>
                                                </ul>
                                                <ul id="jol">
                                                    <li style="list-style: none">Job level :</li>
                                                </ul>
                                                <ul id="main">
                                                    <li style="list-style: none">Main duties :</li>
                                                </ul>
                                                <ul id="reason" >
                                                    <li style="list-style: none">Reason for leaving :</li>
                                                </ul>

                                            </li>
                                            <li style="display: inline-block;margin-left: -15px">
                                                <ul>
                                                    <li style="list-style: none;"><h:inputText value="#{workerEditCV.emhis.company}" id="clearText5" onblur="enableLoc()" style="width:170px" /></li>

                                                    <li style="list-style: none;" id="detail"><h:inputText value="#{workerEditCV.emhis.category}" style="width:170px" id="clearText6"/></li>
                                                </ul>
                                                <ul id="detail">
                                                    <li style="display: inline;">
                                                        <h:selectOneMenu value="#{workerEditCV.monthofFromEmHis}" style="width:100px" >
                                                            <f:selectItem itemValue="January" itemLabel="January" />
                                                            <f:selectItem itemValue="February" itemLabel="February" />
                                                        </h:selectOneMenu>
                                                    </li>
                                                    <li style="display: inline;">
                                                        <h:selectOneMenu value="#{workerEditCV.yearofFromEmHis}" style="width:70px" >
                                                            <f:selectItem itemValue="1988" itemLabel="1988" />
                                                            <f:selectItem itemValue="1989" itemLabel="1989" />
                                                        </h:selectOneMenu>
                                                    </li>
                                                    <li style="display: inline;font-weight: bold;margin-left: 15px">To :</li>
                                                    <li style="display: inline;margin-left: 15px">
                                                        <h:selectOneMenu value="#{workerEditCV.monthofToEmHis}" style="width:100px" >
                                                            <f:selectItem itemValue="January" itemLabel="January" />
                                                            <f:selectItem itemValue="February" itemLabel="February" />
                                                        </h:selectOneMenu>
                                                    </li>
                                                    <li style="display: inline;">
                                                        <h:selectOneMenu value="#{workerEditCV.yearofToEmHis}" style="width:70px" >
                                                            <f:selectItem itemValue="1988" itemLabel="1988" />
                                                            <f:selectItem itemValue="1989" itemLabel="1989" />
                                                        </h:selectOneMenu>
                                                    </li>
                                                </ul>
                                                <ul id="detail">
                                                    <li style="list-style: none"><h:inputText value="#{workerEditCV.emhis.jobLevel}" style="width:170px" id="clearText7"/></li>
                                                    <li style="list-style: none" id="detail"><h:inputTextarea value="#{workerEditCV.emhis.mainDuties}" style="width:170px;resize: none" id="clearText8"/></li>
                                                    <li style="list-style: none" id="detail"><h:inputTextarea value="#{workerEditCV.emhis.resonLeaving}" style="width:170px;resize: none" id="clearText9"/></li>
                                                </ul>
                                                <ul>
                                                    <li style="list-style: none;margin-top: 10px;margin-left: 60px">
                                                        <p:commandButton oncomplete="clearTextLoc()" update="form1,output2"  action="#{workerEditCV.addEmpToList()}"  value="Save" style="background-image: url('images/treeTabBg.gif');border: 1px;border-style: solid;border-radius: 5px;-moz-border-radius: 5px;border-color: #E9E9E9;font-weight: bold;font-size: 80%">

                                                        </p:commandButton>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li style="list-style: none;margin-top: 10px">
                                                <table style="width: 580px">
                                                    <tr style="background-image: url('images/treeTabBg.gif');color: blue;text-align: center">
                                                        <th style="width: 40%;border: 1px solid #cccccc;border-right-style: none;border-top-left-radius: 5px;-moz-border-top-left-radius: 5px">
                                                            Company
                                                        </th>
                                                        <th style="width: 25%;border:1px #cccccc;border-top-style: solid;border-bottom-style: solid">
                                                            Category
                                                        </th>
                                                        <th style="width: 25%;border:1px #cccccc;border-top-style: solid;border-bottom-style: solid">
                                                            Job level
                                                        </th>
                                                        <th style="border: 1px solid #cccccc;border-left-style: none;border-top-right-radius: 5px;-moz-border-top-right-radius: 5px">
                                                            Remove
                                                        </th>
                                                    </tr>
                                                    <tr>
                                                        <h:panelGrid id ="wrapper2">
                                                            <h:dataTable value="#{workerEditCV.listEmpHist}" style="width: 605px;table-layout:fixed;margin-left: -44px" var="p" id="output2" >
                                                                <h:column>
                                                                    <td style="width: 225px;overflow: auto;border: 1px;border-right-style: dotted;border-bottom-style: dashed">
                                                                        <h:outputText value="#{p.company}"/>
                                                                    </td>
                                                                    <td style="width: 24%;overflow: auto;border: 1px;border-right-style: dotted;border-bottom-style: dashed">
                                                                        <h:outputText value="#{p.category}"/>
                                                                    </td>
                                                                    <td style="width: 24%;overflow: auto;border: 1px;border-right-style: dotted;border-bottom-style: dashed">
                                                                        <h:outputText value="#{p.jobLevel}"/>
                                                                    </td>
                                                                    <td style="border: 1px;border-bottom-style: dashed">
                                                                        <p:commandButton update=":form1:wrapper2" value="[X]" action="#{workerEditCV.deleteEmpToList(p)}"  style="border: none;background-color: white;font-weight: bold;font-size: 80%;text-align: right;color: red"  >

                                                                        </p:commandButton>                                                                
                                                                    </td>
                                                                </h:column>
                                                            </h:dataTable>
                                                        </h:panelGrid>
                                                    </tr>
                                                </table>
                                            </li>
                                        </ul>
                                        <div style="font-size: 20px;font-weight: bold;border: 1px;border-bottom-style:  dotted;padding : 20px 0px 5px 20px">
                                            <font style="color: #FF6600">Expectation</font>
                                        </div>
                                        <div>
                                            <ul>
                                                <li style="list-style: none;font-weight: bold;margin-top: 20px;margin-left: 10px">
                                                    Desired Category :<font style="color: red">*</font> <font style="color: blue;font-weight: normal">( maximum is 3 )</font> <h:message for="select1" style="color: red;font-weight: normal;margin-left: 10px"/>
                                                </li>                                 
                                            </ul>
                                            <ul>
                                                <li style="display: inline-block">
                                                    <div style="margin-top: 10px;margin-left: 15px;font-size: 80%">
                                                        <h:selectManyListbox value="#{workerEditCV.cate_temp}" id="select1" style="width: 250px;height: 105px;">
                                                            <f:selectItems value="#{workerEditCV.cate}" var="c" itemValue="#{c.categoryName}" itemLabel="#{c.categoryName}" />

                                                        </h:selectManyListbox>
                                                    </div>
                                                </li>
                                                <li style="display: inline-block;margin-left: 20px;vertical-align: top;margin-top: 50px">
                                                    <h:commandButton value="" style="background: url('images/iconArrow.gif') no-repeat;border-style: none;height: 19px;width:18px;cursor: pointer" action="#{workerEditCV.insertCate()}">
                                                        <f:ajax event="action" execute="select1" render="output3" />
                                                    </h:commandButton>
                                                </li>
                                                <li style="display: inline-block;vertical-align: top">
                                                    <div style="margin-top: 10px;margin-left: 15px;font-size: 80%;width: 250px;height: 105px;border: 2px;border-style: solid;border-color: #E9E9E9;">
                                                        <table style="width: 100%" id="mySelect1">
                                                            <tr style="color: #FF6600;background-image: url('images/treeTabBg.gif')">
                                                                <th style="text-align: left;width: 75%">Categories</th>
                                                                <th style="text-align: center">Remove</th>
                                                            </tr>
                                                            <tr>
                                                                <h:panelGrid id ="wrapper3">
                                                                    <h:dataTable value="#{workerEditCV.subCate}" style="width: 260px;" var="p" id="output3" >
                                                                        <h:column>
                                                                            <td style="text-align: left;width: 75%">
                                                                                <h:outputText value="#{p}"/>
                                                                            </td>
                                                                            <td>
                                                                                <h:commandButton value="[X]" style="border: none;cursor: pointer;background-color: white;font-weight: bold;font-size: 80%;text-align: right" action="#{workerEditCV.deleteCate(p)}" >
                                                                                    <f:ajax event="action" render=":form1:wrapper3" />
                                                                                </h:commandButton>                                                                
                                                                            </td>
                                                                        </h:column>
                                                                    </h:dataTable>
                                                                </h:panelGrid>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                        <div>
                                            <ul>
                                                <li style="list-style: none;font-weight: bold;margin-top: 20px;margin-left: 10px">
                                                    Desired Work Location :<font style="color: red">*</font> <font style="color: blue;font-weight: normal">( maximum is 3 )</font> <h:message for="select2" style="color: red;font-weight: normal;margin-left: 10px"/>
                                                </li>                                
                                            </ul>
                                            <ul>
                                                <li style="display: inline-block">
                                                    <div style="margin-top: 10px;margin-left: 15px;font-size: 80%">
                                                        <h:selectManyListbox value="#{workerEditCV.loc_temp}" id="select2" style="width: 250px;height: 105px;">
                                                            <f:selectItems value="#{workerEditCV.loc}" var="l" itemValue="#{l.name}" itemLabel="#{l.name}" />
                                                        </h:selectManyListbox>
                                                    </div>
                                                </li>
                                                <li style="display: inline-block;margin-left: 20px;vertical-align: top;margin-top: 50px">
                                                    <h:commandButton value="" style="background: url('images/iconArrow.gif') no-repeat;border-style: none;height: 19px;width:18px;cursor: pointer" action="#{workerEditCV.insertLoc()}">
                                                        <f:ajax event="action" execute="select2" render="output4" />
                                                    </h:commandButton>
                                                </li>
                                                <li style="display: inline-block;vertical-align: top">
                                                    <div style="margin-top: 10px;margin-left: 15px;font-size: 80%;width: 250px;height: 105px;border: 2px;border-style: solid;border-color: #E9E9E9;">
                                                        <table style="width: 100%" id="mySelect2" >
                                                            <tr style="color: #FF6600;background-image: url('images/treeTabBg.gif');">
                                                                <th style="text-align: left;width: 75%">Location</th>
                                                                <th style="text-align: center">Remove</th>
                                                            </tr>
                                                            <tr>
                                                                <h:panelGrid id ="wrapper4">
                                                                    <h:dataTable value="#{workerEditCV.subLoc}" style="width: 260px;" var="p" id="output4" >
                                                                        <h:column>
                                                                            <td style="text-align: left;width: 75%">
                                                                                <h:outputText value="#{p}"/>
                                                                            </td>
                                                                            <td>
                                                                                <h:commandButton value="[X]" style="border: none;cursor: pointer;background-color: white;font-weight: bold;font-size: 80%;text-align: right" action="#{workerEditCV.deleteLoc(p)}" >
                                                                                    <f:ajax event="action" render=":form1:wrapper4" />
                                                                                </h:commandButton>                                                                
                                                                            </td>
                                                                        </h:column>
                                                                    </h:dataTable>
                                                                </h:panelGrid>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                        <div style="margin-top: 20px">
                                            <ul>
                                                <li style="display: inline-block;font-weight: bold;padding-left: 10px;vertical-align: top;text-align: right">
                                                    <ul>
                                                        <li style="list-style: none">Job Level :<font style="color: red">*</font></li>
                                                        <li style="list-style: none;" id="monin">Expected Net Monthly Income :<font style="color: red">*</font></li>
                                                        <li style="list-style: none;margin-top: 52px">Type of job :<font style="color: red">*</font></li>  
                                                        <li style="list-style: none"><h:message for="retoj" style="color: red;font-weight: normal"/></li>
                                                    </ul>
                                                </li>
                                                <li style="display: inline-block;">
                                                    <ul>
                                                        <li style="display: inline;">
                                                            <h:selectOneMenu value="#{workerEditCV.lv_temp}" >
                                                                <f:selectItems value="#{workerEditCV.listLJ}" var="l" itemLabel="#{l.name}" itemValue="#{l.id}"/>

                                                            </h:selectOneMenu>
                                                        </li>
                                                    </ul>
                                                    <ul>
                                                        <li style="list-style: none;margin-top: 15px"><input type="radio" name="test" value="radio1" onclick="enableDisable('true')" /><font style="margin-left: 5px">Agreement</font></li>
                                                    </ul>
                                                    <ul style="margin-top: 5px">
                                                        <li style="list-style: none"><input type="radio" name="test" value="radio2" onclick="enableDisable('false')" checked="true" /><h:inputText value="#{workerEditCV.monthlyIncome}"  id="textBox1"  /> USD/Month</li>
                                                    </ul>
                                                    <ul style="margin-top: 16px">
                                                        <li style="list-style: none">
                                                            <h:selectOneRadio value="#{workerEditCV.joj_temp}" layout="pageDirection" required="true" requiredMessage="* Type of job is required" id="retoj">
                                                                <f:selectItem itemLabel="Full-Time" itemValue="1"/>
                                                                <f:selectItem itemLabel="Part-time / Temporary" itemValue="0" />
                                                            </h:selectOneRadio>
                                                        </li>
                                                    </ul>
                                                </li>
                                            </ul>
                                            <ul style="margin-top: 20px;margin-left: 50px;border:1px;border-top-style: dotted;width: 520px">
                                                <div style="margin-top: 20px">
                                                    <li style="display: inline;background-color: #1A3665;padding: 5px 10px 5px 10px;" ><h:commandButton value="Back" action="#{workerEditCV.backToProfile()}" style="border:none;font-size: 16px;background-color: #1A3665;color: white;cursor: pointer" immediate="true"/></li>
                                                    <li style="display: inline;background-color: #1A3665;padding: 5px 10px 5px 10px;margin-left: 360px"><h:commandButton value="Done" style="border: none;color: white;font-size: 16px;background-color: #1A3665;cursor: pointer" action="#{workerEditCV.workerEditCV()}"/></li>
                                                </div>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <br/>
                                <br/>
                            </li>
                        </ul>
                    </div>
                    <br/>
                    <br/>

                </h:form>
            </div>
            <div style="color: white; height: 100px;border-radius: 10px;-moz-border-radius: 10px;border: 1px;border-style: solid;border-color: white;margin-top: 20px">
                <div style="text-align: right; padding-top: 20px;padding-right: 30px">
                    Copyright © by Group 1
                    <br />
                    Project Name : Work to Worker
                    <br />
                    Member in Group : Mr Bùi Hồng Hải , Mr Nguyễn Văn Cường , Mr Nguyễn Nhất Linh , Mr Lưu Thế Thông , Mr Trần Trung Hiếu
                </div>
            </div>
        </f:view>
    </h:body>
</html>

